<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 元素显示模式 -->
    <!-- 1.块元素 -->
    <!-- 2.行内元素 -->
    <!-- 3.行内块元素 -->

    <!-- 块元素，独占一行，大小可以控制 -->
    <!-- 行内元素，一行显示，大小不可以控制 -->
    <!-- 行内块元素，一行显示，大小可控制 -->

    <!-- 元素显示模式切换 -->
    <!-- display: block; 块模式 -->
    <!-- display: inline; 行内模式 -->
    <!-- display: inline-block; 行内块模式 -->
</body>
</html>